<script setup>
  import { ref, onMounted } from 'vue'
  import Watermark from '@/utils/watermark'
  const watermark = ref(null)
  onMounted(() => {
    console.log(111)
    watermark.value = new Watermark({
      id: 'mask_watermark',
      alpha: 0.08
    })
  })
</script>

<template>
  <div class="wrapper">
    <router-view />
  </div>
</template>

<style lang="scss">
  #mirco-app,
  .wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
</style>
